<template>
  <div class="w-nav-height web-tool w-content-box">
    <w-img-identify />
    <w-coding />
    <w-img-code />
    <w-editer />
    <w-pdf />
    <w-image-processing />
    <w-short-connection />
    <w-num-conversion />
    <w-elasticsearch />
    <br>
  </div>
</template>

<script lang="ts">
import { Vue, Component } from 'vue-property-decorator'
import WImgIdentify from '@/components/web/tool/imgIdentify'
import WCoding from '@/components/web/tool/coding'
import WImgCode from '@/components/web/tool/imgCode'
import WEditer from '@/components/web/tool/editer'
import WPdf from '@/components/web/tool/pdf'
import WImageProcessing from '@/components/web/tool/imageProcessing'
import WShortConnection from '@/components/web/tool/shortConnection'
import WNumConversion from '@/components/web/tool/numConversion'
import WElasticsearch from '@/components/web/tool/elasticsearch'

@Component({
  name: 'WebTool',
  layout: 'web',
  components: {
    WImgIdentify,
    WCoding,
    WImgCode,
    WEditer,
    WPdf,
    WImageProcessing,
    WShortConnection,
    WNumConversion,
    WElasticsearch
  },
  fetch ({ store }) {
    store.commit('app/SET_NAV_INDEX', '/web/tool')
  },
  head () {
    return {
      title: '葵花宝典'
    }
  }
})
export default class WebTool extends Vue {
}
</script>

<style lang="less">
.web-tool {
  .btn {
    margin-right: 10px;
  }
}
</style>
